<template>
    <my-header navText="有奖问卷" :backPageNum="2" bgColor="#fff"></my-header>
    <view class="container-success">
        <image class="img" src="https://images-cloud.qboson.com/community/portal/202502/06/185921vtqzu9q9up5x5uuk.png" />
        <view class="title">提交成功</view>
        <view class="sub-title">5个100bit真机配额已发放到您的账户</view>
        <view class="btn" @click="goHome">返回首页</view> 
    </view>
</template>

<script setup lang="ts">
const goHome = () => {
    uni.switchTab({
        url:`/pages/index/index`
    })
}
</script>

<style lang="scss" scoped>
.container-success {
    margin: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    .img {
        width: 88px;
        height: 91px;
        margin-top: 20px;
    }
    .title {
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        text-align: center;
        display: flex;
        align-items: center;
        letter-spacing: 0px;
        color: rgba(0, 0, 0, 0.9);
        padding-top: 16px;
    }
    .sub-title {
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
        text-align: center;
        display: flex;
        align-items: center;
        letter-spacing: 0px;
        color: rgba(0, 0, 0, 0.4);
        padding-top: 4px;
    }
    .btn {
        width: 90%;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 14px 24px;
        gap: 10px;
        /* 主色 */
        background: #2A65FF;
        color: rgba(255, 255, 255, 0.95);
        font-size: 15px;
        font-weight: 500;
        margin-top: 32px;
    }
}
</style>